<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>阿汤猫宠物商城</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/swiper.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<div class="header-001">
			<div class="logo">阿汤猫宠物商城</div>
		</div>
		<div class="swiper swiper-001" id="swiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<img src="image/banner.jpg" class="image" />
				</div>
				<div class="swiper-slide">
					<img src="image/banner-02.jpg" class="image" />
				</div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
		<div class="notice-001">
			<div class="label">最新资讯：</div>
			<div class="notice-list" id="notice">
				<div class="swiper-wrapper">
					<div class="swiper-slide">啊汤猫商城即将上线！2022-02-01</div>
					<div class="swiper-slide">商城即将上线！2022-02-01</div>
				</div>
			</div>
		</div>
		<div class="menu-001">
			<a href="category.html" class="item">狗粮专区</a>
			<a href="category.html" class="item">猫粮专区</a>
			<a href="category.html" class="item">驱虫专区</a>
			<a href="category.html" class="item">清洁专区</a>
			<a href="category.html" class="item">保健品专区</a>
			<a href="category.html" class="item">零食专区</a>
			<a href="category.html" class="item">罐头专区</a>
			<a href="category.html" class="item">用品专区</a>
			<a href="category.html" class="item">玩具专区<a>
			<a href="category.html" class="item">猫砂专区</a>
		</div>
		<div class="goods-list-001">
			<a href="goods_detail.html" class="item">
				<div class="image"></div>
				<div class="name">特价耐吉斯新西兰版猫粮5.45KG耐吉斯猫粮</div>
				<div class="price">115</div>
				<div class="other">
					<div class="sall">已售1324</div>
					<div class="btn">抢购</div>
				</div>
			</a>
			<a href="goods_detail.html" class="item">
				<div class="image"></div>
				<div class="name">特价耐吉斯新西兰版猫粮5.45KG耐吉斯猫粮</div>
				<div class="price">115</div>
				<div class="other">
					<div class="sall">已售1324</div>
					<div class="btn">抢购</div>
				</div>
			</a>
			<a href="goods_detail.html" class="item">
				<div class="image"></div>
				<div class="name">特价耐吉斯新西兰版猫粮5.45KG耐吉斯猫粮</div>
				<div class="price">115</div>
				<div class="other">
					<div class="sall">已售1324</div>
					<div class="btn">抢购</div>
				</div>
			<a>
			<a href="goods_detail.html" class="item">
				<div class="image"></div>
				<div class="name">特价耐吉斯新西兰版猫粮5.45KG耐吉斯猫粮</div>
				<div class="price">115</div>
				<div class="other">
					<div class="sall">已售1324</div>
					<div class="btn">抢购</div>
				</div>
			</a>
			<a href="goods_detail.html" class="item">
				<div class="image"></div>
				<div class="name">特价耐吉斯新西兰版猫粮5.45KG耐吉斯猫粮</div>
				<div class="price">115</div>
				<div class="other">
					<div class="sall">已售1324</div>
					<div class="btn">抢购</div>
				</div>
			</a>
			<a href="goods_detail.html" class="item">
				<div class="image"></div>
				<div class="name">特价耐吉斯新西兰版猫粮5.45KG耐吉斯猫粮</div>
				<div class="price">115</div>
				<div class="other">
					<div class="sall">已售1324</div>
					<div class="btn">抢购</div>
				</div>
			</a>
		</div>
		
		<div class="love-list-001">
			<div class="title">猜你喜欢</div>
			<a href="goods_detail.html" class="item">
				<div class="image"></div>
				<div class="info">
					<div class="name">特价耐吉斯新西兰版猫粮5.45KG耐吉斯猫粮</div>
					<div class="desc">内含猫薄荷和相纸能吸引猫咪喜欢</div>
					<div class="price">115</div>
					<div class="other">
						<div class="sall">已售1324</div>
						<div class="btn">抢购</div>
					</div>
				</div>
			</a>
			<a href="goods_detail.html" class="item">
				<div class="image"></div>
				<div class="info">
					<div class="name">特价耐吉斯新西兰版猫粮5.45KG耐吉斯猫粮</div>
					<div class="desc">内含猫薄荷和相纸能吸引猫咪喜欢</div>
					<div class="price">115</div>
					<div class="other">
						<div class="sall">已售1324</div>
						<div class="btn">抢购</div>
					</div>
				</div>
			</a>
			<a href="goods_detail.html" class="item">
				<div class="image"></div>
				<div class="info">
					<div class="name">特价耐吉斯新西兰版猫粮5.45KG耐吉斯猫粮</div>
					<div class="desc">内含猫薄荷和相纸能吸引猫咪喜欢</div>
					<div class="price">115</div>
					<div class="other">
						<div class="sall">已售1324</div>
						<div class="btn">抢购</div>
					</div>
				</div>
			</a>
		</div>
		
		<div class="brand-list-001">
			<div class="box">
				<div class="label">关于我们 ></div>
				<div class="desc">Brand<br>Introduction</div>
				<div class="image"></div>
			</div>
			<div class="item">
				<div class="icon icon1"></div>
				<div class="info">
					<div class="label">产品溯源 ></div>
					<div class="desc">Special Courses</div>
				</div>
			</div>
			<div class="item">
				<div class="icon icon2"></div>
				<div class="info">
					<div class="label">宠物医院 ></div>
					<div class="desc">Search School</div>
				</div>
			</div>
			<div class="item">
				<div class="icon icon3"></div>
				<div class="info">
					<div class="label">经验浅谈 ></div>
					<div class="desc">Special Courses</div>
				</div>
			</div>
		</div>
		<div class="h50"></div>
		<div class="footer-001">
			<a href="index.html" class="item">首页</a>
			<a href="category.html" class="item">商品</a>
			<a href="cart.html" class="item">购物车</a>
			<a href="my.html" class="item">我的</a>
		</div>
		<script src="js/swiper.js"></script>
		<script>
			var swiper = new Swiper('#swiper', {
				pagination: {
					el: ".swiper-pagination",
				},
				autoplay: {
					delay: 3000,
					disableOnInteraction: false,
				},
			});
			
			var notice = new Swiper('#notice', {
				autoplay: {
					delay: 3000,
					disableOnInteraction: false,
				},
				direction: "vertical",
			})
		</script>
	</body>
</html>
